<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="generator" content= "HTML Tidy, see www.w3.org"/>
        <title>El Bautizador de Teléfonos</title>
        <!-- Meta Tags -->
        <meta name="robots" content="index, follow"/>
        <meta name="author" content="http://fernandoguillen.info"/>
        <meta http-equiv="Content-Type" content= "text/html; charset=utf-8"/>
        <meta name="description" content= "El Bautizador de Teléfonos: Ponle un nombre a tu telefono"/>
        <meta name="keywords" content= "bautizar telefono, recordar telefono, agenda, ruby on rails, ruby, experimento web"/>
        <link rel="shortcut icon" href= "/images/favicon.ico" type="image/x-icon"/>
        <!--link rel="stylesheet" href="files/dynamic.css" type="text/css" /-->
				<%= stylesheet_link_tag 'telephone' %>
				<%= stylesheet_link_tag 'balloons' %>
				<%= javascript_include_tag  :defaults %>
				<script type="text/javascript" src="/javascripts/esp_end6.js"></script>
				<script type="text/javascript" src="/javascripts/scriptaculous.js"></script>
				<script type="text/javascript" src="/javascripts/dan_eastwell_balloons.js"></script>
				<script type="text/javascript" src="/javascripts/yui/yahoo_dom_events.js"></script>
				
				<script>
					function cargando(){
//						new Effect.BlindUp( 'dictionary_box' );
//						new Effect.BlindDown('cargando', { delay: 2.0, duration: 2.0 });
						$('form_submit').disabled = true;
						new Effect.BlindDown('cargando', { duration: 2.0 });
					}
					
					function cargado_con_sleep(){
						setTimeout( "cargado()", 6000 );
				  }
					
					function cargado(){
				  	new Effect.BlindUp('cargando', { duration: 2.0 });
						setTimeout( "$('form_submit').disabled = false;", 4000 );
//				  	new Effect.BlindDown('dictionary_box', { delay: 2.0, duration: 6.0 });
				  }

				</script>
    </head>
    <body id="bautizador">
        <img id="top" src="/images/top.png" alt="" name="top"/>
				<% form_remote_tag(
        		:url => { :action => 'bautizar' },
						:update => 'dictionary_box',
						:loading => "cargando()",
						:success => "cargado()"
				) do %>
        <div id="contenedor">
            <ul id="header">
                <li class="left">
                    El bautizador de teléfonos, 
                    es un experimento de
										<a href="http://www.fernandoguillen.info" title="Fernando Guill&Atilde;&copy;n">
											Fernando Guillén
										</a>.
                </li>
            </ul>
            <div id="contenido">
                <div id="main">
                    <h1>El bautizador de teléfonos</h1>
                    <div id="barra_menu">
                        <h2>A propósito de</h2>
                        <p>
	                          Se trata de una herramientas para poder memorizar mejor teléfonos.
                        </p>
                        <h2>Instrucciones</h2>
                        <p>
                            Inserta tu teléfono o el de un amigo, selecciona un diccionario y
														te mostraremos una selección de maneras de teclear ese mismo teléfono
														pero acordándote de letras y palabras en vez de números.
                        </p>
												<p>Visita nuestras 
												<%= 
														link_to(
															'instrucciones detalladas', 
															{:action => 'instrucciones_popup'},
															:popup => ['sms', 'width=680, height=900, menubar=no, scrollbars=yes']
														)
												%>.
												</p>
                    </div>
                    <hr/>
											<h2 class="cabecera_formulario">Teléfono a bautizar</h2>
                    	<%= text_field_tag :phone, nil, :maxlength => '9' %>
											<%= link_to( 
														'cargar de copiagenda &gt;&gt;', 
															{ :action => 'copia_agenda_popup' },
															:popup => ['copiagenda', 'width=680, height=700, menubar=no, scrollbars=yes'],
															:id => 'link_copia_agenda'
											) %>
										
										
                    <hr/>
										<h2 class="cabecera_formulario">Elige un diccionario</h2>
                    <ul id="select_dictionary">
                        <li>
                            <%= radio_button_tag :dic, 'spanish', :html => {'selected' => true} %> castellano
                        </li>
                        <li>
                            <%= radio_button_tag :dic, 'english' %> inglés
                        </li>
                        <!--li>
                            <%= radio_button_tag :dic, 'prueba' %>prueba
                        </li-->
                    </ul>
                    <hr/><h2 class="cabecera_formulario">Let's rock</h2>
                    <%= submit_tag '¡Proponer nombres para bautizo!', :id => 'form_submit' %>
                    <hr/>
                    <div>
                        <h2>Aquí te mostraremos los posibles nombres para tu teléfono</h2>
                        <div id="cargando" style="display:none">
                        	<img src="/images/cargando.gif" alt="consultando al cura"/>
                        </div>
                        <div id="dictionary_box">
                        </div>

                    </div>
                </div>
                <!-- main -->
            </div>
            <!--contenido-->
            <div class="footer">
            		<ul>
            			<li>
            				<a href="http://www.fernandoguillen.info/" title= "Fernando Guillén">
                			autor
										</a>
									</li>
            			<li>
            				<a href="http://open.movilforum.com/wiki/index.php/El_Bautizador_de_Tel%C3%A9fonos" title= "Fernando Guillén">
                			wiki
										</a>
									</li>
            		</ul>
                <p>
                    Esta aplicación es un experimento. 
										En cualquier caso
										<a href="http://www.fernandoguillen.info/">se aceptan comentario y críticas</a> :)
                </p>
            </div>
        </div>
        <!--contenedor--><% end %><img id="bottom" src= "/images/bottom.png" alt="" name="bottom"/>


		
<!-- google analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-4350313-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>


    </body>
</html>







